﻿<UserControl x:Class="SLVisifireApp.Line4"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="500" Height="300" xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLVisifire.Charts">
    <Grid x:Name="LayoutRoot" Background="White">
        <vc:Chart Width="500" Height="300" Theme="Theme2" BorderBrush="Gray" Padding="6"
                  ScrollingEnabled="False">

            <vc:Chart.PlotArea>
                <vc:PlotArea Background="#f0f0f0"/>
            </vc:Chart.PlotArea>
            <vc:Chart.Titles>
                <vc:Title Text="Hourly Temperature"/>
            </vc:Chart.Titles>
            <vc:Chart.AxesX>
                <vc:Axis IntervalType="Hours" Title="Hours"/>
            </vc:Chart.AxesX>
            <vc:Chart.AxesY>
                <vc:Axis Title="° Celcius">
                    <vc:Axis.Grids>
                        <vc:ChartGrid InterlacedColor="White"/>
                    </vc:Axis.Grids>
                </vc:Axis>
            </vc:Chart.AxesY>

            <vc:Chart.Series>
                <vc:DataSeries RenderAs="Line" ShadowEnabled="True" XValueType="Time">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint XValue="1:2:18" YValue="20.2"/>
                        <vc:DataPoint XValue="3:1:4" YValue="21.1"/>
                        <vc:DataPoint XValue="5:2:14" YValue="20.6"/>
                        <vc:DataPoint XValue="8:3:22" YValue="21.1"/>
                        <vc:DataPoint XValue="12:8:44" YValue="24.2"/>
                        <vc:DataPoint XValue="15:10:52" YValue="26.2"/>
                        <vc:DataPoint XValue="18:11:23" YValue="25.2"/>
                        <vc:DataPoint XValue="22:18:22" YValue="23.6"/>
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
            </vc:Chart.Series>
        </vc:Chart>

    </Grid>
</UserControl>
